<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的小橘</title>
    <link href="../css/coupon/my_coupon.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
</head>
<body>
<div class="my_coupon_all">
    <!--=======================================1.标题================================================-->
<div class="header">
    <div class="head-top">
        <div class="w1180 top-linkbox">
            <div class="top-left">
                <span><a href="">您好, 马博</a></span>
                <span><a class="size-color" href="">[退出]</a></span>
                <span>|</span>
                <span><a href="">我的小橘</a></span>
            </div>
            <div class="top-right">
                <span><a href="">帮助中心</a> </span>
                <span>|</span>
                <span><a href="">网址导航</a></span>
                <span>|</span>
                <span><a href="">English</a></span>
                <span>|</span>
                <span class="top-right_tel">400-888-6608</span>
                <span>|</span>
                <span><a href="">微信</a></span>
            </div>
        </div>
    </div>
    <div class="head-bottom">
        <div class="w1180">
            <a href="" class="logo"></a>
            <div class="nav">
                <ul class="nav-wrap">
                    <li><a href="">首页</a></li>
                    <li><a href="">自驾租车</a></li>
                    <li><a href="">车型查询</a></li>
                    <li><a href="">营业网点</a></li>
                    <li><a href="">政企服务</a></li>
                    <li><a href="">接送服务</a></li>
                    <li><a href="">精彩活动</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------------------2.当前位置banner----------------------------------------------->
<div class="banner">
    <span>当前位置:</span>
    <span class="banner_myCar">我的小橘></span>
    <span>我的优惠编码</span>
</div>
<!--    侧边栏-->
<div class="col-sub">
    <dl class="sub-nav">
        <dt>我的订单</dt>
        <dd><a href="">订单管理</a></dd>
        <dt>我的资产</dt>
        <dd><a href="">账户余额</a></dd>
        <dd><a href="" class="sub_nav_hover">我的优惠券</a></dd>
        <dd><a href="">我的收藏</a></dd>
        <dt>个人中心</dt>
        <dd><a href="">用户信息</a></dd>
        <dd><a href="">申请注销账户</a></dd>
    </dl>
</div>
<!--=====================================3.优惠券==================================================-->
<div class="my_coupon">
    <table class="my_coupon_list">
        <tr>
            <th class="my_coupon_name">优惠券</th>
            <th class="my_coupon_get_time">优惠券领取时间</th>
            <th class="my_coupon_invalid_time">优惠卷失效时间</th>
            <th class="my_coupon_status">使用状态</th>
            <th class="my_coupon_rule">使用规则</th>
        </tr>
        <tr>
            <td class="my_coupon_name_value">租车两天以上减50优惠券</td>
            <td class="my_coupon_get_time_value">2021-08-25 12:00:00</td>
            <td class="my_coupon_invalid_time_value">2021-09-24 12:00:00</td>
            <td class="my_coupon_status_value">未使用</td>
            <td class="my_coupon_rule_value">2</td>
        </tr>
        <tr>
            <td class="my_coupon_name_value">租车三天以上减50优惠券</td>
            <td class="my_coupon_get_time_value">2021-08-24 13:41:30</td>
            <td class="my_coupon_invalid_time_value">2021-09-23 12:41:30</td>
            <td class="my_coupon_status_value">未使用</td>
            <td class="my_coupon_rule_value">3</td>
        </tr>
        <tr>
            <td class="my_coupon_name_value">新用户减免100优惠券</td>
            <td class="my_coupon_get_time_value2">2021-08-24 13:41:30</td>
            <td class="my_coupon_invalid_time_value2">2021-09-23 12:41:30</td>
            <td class="my_coupon_status_value">未使用</td>
            <td class="my_coupon_rule_value">2</td>
        </tr>
    </table>

    <div class="mod coupon-step">
        <h3>使用流程：</h3>
        <p><img src="../images/coupon_step.png" width="907" height="85" alt="优惠编码使用流程"></p>
    </div>
</div>
<!-----------------------------------------------4.footer底部的信息---------------------------------------------------->
<div class="footer">
    <div class="footer-box clear_float">
        <div class="footer-left">
            <p>
                <a href="" >关于一嗨</a>
                |
                <a href="" >移动客户端</a>
                |
                <a href="" >帮助中心</a>
                |
                <a href="" >建议专区</a>
                |
                <a href="" >联系我们</a>
                |
                <a href="" >友情链接</a>
                | &nbsp;投诉通道：400-821-1608 &nbsp;
            </p>
            <p>
                Copyright © 2007 - 2021 上海一嗨信息技术服务有限公司
                <a href="" >ICP证：沪B2-20140130</a>
            </p>
        </div>
        <div class="footer-right">
            <a href="">
                <img src="../images/footer_right_first.png">
            </a>
            <a href="">
                <img src="../images/footer_right_second.png">
            </a>
            <a href="">
                <img src="../images/footer_right_third.png">
            </a>
            <a href="">
                <img src="../images/footer_right_forth.png">
            </a>
        </div>
    </div>
</div>

</div>
</body>
</html>